.activity {
  margin: 0 auto;
  margin-top: 340px;
  width: 1078px;
  .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    margin: 0 0 15px 0;
    .con-info {
      width: (1280px-187-15);
      .caption {
        background: #333;
        width: 100%;
        height: 75px;
        h5 {
          float: left;
          margin: 25px 56px 0 40px;
        }
        .crumbs {
          float: right;
          padding-right: 40px;
          margin-top: 25px;
          color: #cdcdcd;
          em {
            display: inline-block;
            vertical-align: middle;
            margin: -3px 6px 0 0;
          }
          a {
            font-size: 18px;
            color: #fff;
            transition: color 0.3s;
            &:hover {
              color: #a69280;
            }
          }
        }
      }
      .content {
        padding: 20px 0;
        ul {
          li {
            float: left;
            margin-right: 15px;
            margin-bottom: 15px;
            width: ((1078px-15 * 3)/4);
            background: #fff;
            &:nth-child(4n + 0) {
              margin-right: 0;
            }
            a {
              img {
                height: 125px;
              }
              .informa {
                padding: 20px 25px;
                p {
                  font-family: "Microsoft YaHei";
                }
                .title {
                  width: 100%;
                  height: 27px;
                  font-size: 0.45em;
                  color: #9a8878;
                  overflow: hidden;
                  letter-spacing: -1px;
                }
                .time {
                  font-size: 0.33em;
                  color: #aeaeae;
                }
              }
              .texter {
                padding: 0 25px 20px 25px;
                width: 100%;
                height: 100px;
                background: #fff;
                p {
                  padding-top: 10px;
                  border-top: 1px solid #aeaeae;
                  font-family: "Microsoft YaHei";
                  font-size: 0.33em;
                  color: #aeaeae;
                  line-height: 18px;
                  height: 46px;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  overflow: hidden;
                }
              }
            }
          }
        }
      }
    }
  }
}
